<template>
  <div class="flex flex-wrap items-end gap-4">
    <BaseIconBox size="lg" shape="full" flavor="outline" color="primary">
      <Icon name="ph:armchair-duotone" class="h-6 w-6" />
    </BaseIconBox>

    <BaseIconBox size="lg" shape="full" flavor="outline" color="info">
      <Icon name="ph:confetti-duotone" class="h-6 w-6" />
    </BaseIconBox>

    <BaseIconBox size="lg" shape="full" flavor="outline" color="success">
      <Icon name="ph:check-circle-duotone" class="h-6 w-6" />
    </BaseIconBox>

    <BaseIconBox size="lg" shape="full" flavor="outline" color="warning">
      <Icon name="ph:lightbulb-duotone" class="h-6 w-6" />
    </BaseIconBox>

    <BaseIconBox size="lg" shape="full" flavor="outline" color="danger">
      <Icon name="ph:cookie-duotone" class="h-6 w-6" />
    </BaseIconBox>
  </div>
</template>
